<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="能量逗,卡牌教具,益智桌游,亲子,复旦教授,沈奕斐,游戏化教育,快乐教育">
    <meta name="description" content="能量逗益智家庭卡牌教具,是由复旦大学沈奕斐教授历时多年开发,能量逗主张用游戏化的教育方式,提升家庭教育品质,给予父母能量,让孩子能够快乐成长">
    <meta name="author" content="上海楚灵文化传播有限公司">
    <link rel="icon" href="<?php echo $docroot;?>/favicon.ico">

    <title>能量逗_家庭亲子益智桌游_卡牌教具_游戏化教育</title>

    <link href="<?php echo $docroot;?>/html/css/bootstrap.3.3.7/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo $docroot;?>/html/css/common.css" rel="stylesheet">
    <style>
        .scroll-fade{opacity: 0;}
        .ability-feature {position: relative;top: 0;left: 0;}
        .ability-feature .ability-item{position: absolute;top: auto;bottom: auto;left: auto;right: auto;}
        .ability-feature .ability-item div{border-radius: 100px;text-align: center;color: #fff;}
        .case-wrap .snake-img{background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;opacity: 0;}
    </style>
</head>
<body>
<div class="content-header" style="position: absolute;top: 0;left: 0;width: 100%;height: auto;">
    <nav class="navbar navbar-static-top" style="margin: 0;background: linear-gradient(135deg, rgba(239,245,112,1) 0%, rgba(101,175,65,1) 100%)">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                </button>
                <a class="navbar-brand" href="<?php echo $docroot;?>/index.php/home"><img src="<?php echo $docroot;?>/html/img/nldou-logo-long.jpg" style="height: 40px;margin: -10px 0;"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="nav-fold-btn"><a href="<?php echo $docroot;?>/index.php/home">首页</a></li>
                    <li id="nav-ability-item"><a href="#">卡牌家族</a></li>
                    <li class="nav-fold-btn"><a href="<?php echo $docroot;?>/index.php/doc/contact">联系我们</a></li>
                    <li class="dropdown" id="nav-company-item">
                        <a href="#" role="button" aria-haspopup="true" aria-expanded="false">了解能量逗</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/founder" class="hidden-xs">创始人</a>
                                <a href="<?php echo $docroot;?>/index.php/doc/founder" class="color-white visible-xs-block">创始人</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/hardfun" class="hidden-xs">游戏化教育</a>
                                <a href="<?php echo $docroot;?>/index.php/doc/founder" class="color-white visible-xs-block">游戏化教育</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/world" class="hidden-xs">国际化</a>
                                <a href="<?php echo $docroot;?>/index.php/doc/world" class="color-white visible-xs-block">国际化</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid" id="nav-ability-wrapper" style="min-height: 50px;background: #fff;position: relative;top: -500px;width: 100%;z-index: 10;">
        <div class="row" style="padding: 10px 15px;">
            <a href="<?php echo $docroot;?>/index.php/product/yxxj">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product1" style="opacity: 0;transform: translateX(50px);">
                    <img src="<?php echo $docroot;?>/html/img/yxxj.png" style="height: 80px;">
                    <span style="margin: 5px 0;">幼小衔接</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/focus">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product2" style="opacity: 0;transform: translateX(40px);">
                    <img src="<?php echo $docroot;?>/html/img/zzl.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转专注力</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/math">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product3" style="opacity: 0;transform: translateX(30px);">
                    <img src="<?php echo $docroot;?>/html/img/sx.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转数学</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/logic">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product4" style="opacity: 0;transform: translateX(20px);">
                    <img src="<?php echo $docroot;?>/html/img/lj.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转逻辑</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/observe">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product5" style="opacity: 0;transform: translateX(10px);">
                    <img src="<?php echo $docroot;?>/html/img/gc.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转观察力</span>
                </div>
            </a>
        </div>
    </div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active" style="width: 50px;height: 6px;border-radius: 3px;"></li>
        <li data-target="#myCarousel" data-slide-to="1" style="width: 50px;height: 6px;border-radius: 3px;"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <div class="img hidden-xs" style="background-image: url(<?php echo $docroot;?>/html/img/banner1.jpg);background-repeat: no-repeat;background-position: center top;-webkit-background-size: auto 680px;background-size: auto 680px;"></div>
            <div class="img visible-xs-block" style="background-image: url(<?php echo $docroot;?>/html/img/banner1.jpg);background-repeat: no-repeat;background-position: -1000px top;-webkit-background-size: auto 680px;background-size: auto 680px;"></div>
        </div>
        <div class="item">
            <div class="img hidden-xs" style="background-image: url(<?php echo $docroot;?>/html/img/banner1.jpg);background-repeat: no-repeat;background-position: center top;-webkit-background-size: auto 680px;background-size: auto 680px;"></div>
            <div class="img visible-xs-block" style="background-image: url(<?php echo $docroot;?>/html/img/banner1.jpg);background-repeat: no-repeat;background-position: -1000px top;-webkit-background-size: auto 680px;background-size: auto 680px;"></div>
        </div>
    </div>
</div>
<div class="container subnav">
    <div class="row">
        <div class="col-lg-4 subnav-item scroll-watch" data-scroll-anim="fadein">
            <img class="img-circle" src="<?php echo $docroot;?>/html/img/creator.jpg" alt="" width="140" height="140">
            <div class="scroll-anim-content scroll-fade">
                <h3>沈奕斐</h3>
                <p>能量逗创始人，中国社会学家庭社会学专业委员会副会长，中国家庭教育研究会理事，复旦大学家庭发展研究中心主任</p>
                <p><a class="btn btn-default" href="<?php echo $docroot;?>/index.php/doc/founder" role="button">查看更多 »</a></p>
            </div>
        </div>
        <div class="col-lg-4 subnav-item scroll-watch" data-scroll-anim="fadein">
            <img class="img-circle" src="<?php echo $docroot;?>/html/img/gamedu.jpg" alt="" width="140" height="140">
            <div class="scroll-anim-content scroll-fade">
                <h3>游戏化教育</h3>
                <p>能量逗作为中国游戏化教育的引导者，以游戏化的手段颠覆传统的家庭教育模式，从父母和孩子两方面全面提升家庭教育品质，造福每一个中国家庭</p>
                <p><a class="btn btn-default" href="<?php echo $docroot;?>/index.php/doc/hardfun" role="button">查看更多 »</a></p>
            </div>
            <div class="subnav-item-bot"></div>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4 subnav-item scroll-watch" data-scroll-anim="fadein">
            <img class="img-circle" src="<?php echo $docroot;?>/html/img/lepine.jpg" alt="" width="140" height="140">
            <div class="scroll-anim-content scroll-fade">
                <h3>国际化</h3>
                <p>能量逗积极开展国际合作，先后在日本东京GAME MARKET桌游展和法国CONCOURS LEPINE发明展上展露头角，并斩获多项大奖</p>
                <p><a class="btn btn-default" href="<?php echo $docroot;?>/index.php/doc/world" role="button">查看更多 »</a></p>
            </div>
        </div><!-- /.col-lg-4 -->
    </div>
</div>
<div class="container-fluid ability-wrap" style="padding: 0;">
    <!--玩转学习力-->
    <div style="text-align: center;margin: 80px 0 30px;" class="ability-header hidden-xs">
        <h3>玩转学习力</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div style="text-align: center;margin: 30px 0 10px;" class="ability-header visible-xs-block">
        <h3>玩转学习力</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div class="row">
        <div id="id_video_container_9031868223148852168" style="width:80vw;height: 45vw;margin: 0 auto 20px;"></div>
    </div>
    <!--能力培养-->
    <div style="text-align: center;margin: 80px 0 30px;" class="ability-header hidden-xs">
        <h3>专注孩子能力培养</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div style="text-align: center;margin: 30px 0 10px;" class="ability-header visible-xs-block">
        <h3>专注孩子能力培养</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div class="ability-feature">
        <img src="<?php echo $docroot;?>/html/img/home/home-peitu2.jpg" class="img-responsive">
        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="top: 10%;left: 10%;width: 12vw;height: 12vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 12vw;background-color:#FF69B4;font-size: 20px;">专注</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="top: 10%;left: 10%;width: 12vw;height: 12vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 12vw;background-color:#FF69B4;font-size: 12px;">专注</div>
        </div>

        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="left: 28%;top: 30%;width: 8vw;height: 8vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 8vw;background-color:#1E90FF;font-size: 20px;">数学</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="left: 28%;top: 30%;width: 8vw;height: 8vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 8vw;background-color:#1E90FF;font-size: 12px;">数学</div>
        </div>

        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="top: 5%;left: 38%;width: 9vw;height: 9vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 9vw;background-color:#65af41;font-size: 20px;">逻辑</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="top: 5%;left: 38%;width: 9vw;height: 9vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 9vw;background-color:#65af41;font-size: 12px;">逻辑</div>
        </div>

        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="top: 20%;left: 52%;width: 8.5vw;height: 8.5vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 8.5vw;background-color:#F0E68C;font-size: 20px;">观察</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="top: 20%;left: 52%;width: 8.5vw;height: 8.5vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 8.5vw;background-color:#F0E68C;font-size: 12px;">观察</div>
        </div>

        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="top: 3%;left: 65%;width: 9vw;height: 9vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 9vw;background-color:#FFA500;font-size: 20px;">记忆</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="top: 3%;left: 65%;width: 9vw;height: 9vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 9vw;background-color:#FFA500;font-size: 12px;">记忆</div>
        </div>

        <div class="ability-item hidden-xs scroll-watch" data-scroll-anim="fadein" style="right: 10%;left: auto;top: 20%;width: 14vw;height: 14vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 14vw;background-color:#FF4500;font-size: 20px;">表达</div>
        </div>
        <div class="ability-item visible-xs-block scroll-watch" data-scroll-anim="fadein" style="right: 10%;left: auto;top: 20%;width: 14vw;height: 14vw;">
            <div class="scroll-anim-content scroll-fade" style="width:100%;line-height: 14vw;background-color:#FF4500;font-size: 12px;">表达</div>
        </div>
    </div>
    <!--亲子陪伴-->
    <div style="text-align: center;margin: 80px 0 30px;" class="ability-header hidden-xs">
        <h3>亲子陪伴助力快乐教育</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div style="text-align: center;margin: 30px 0 10px;" class="ability-header visible-xs-block">
        <h3>亲子陪伴助力快乐教育</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div class="row peiban-wrap" style="position: relative;top: 0;left: 0;">
        <div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)"></div>
        <div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" class="flex-row flex-align-center flex-justify-center">
            <span style="color: #fff;font-size: 40px;" class="hidden-xs">成长，最需要的是陪伴</span>
            <span style="color: #fff;font-size: 20px;" class="visible-xs-block">成长，最需要的是陪伴</span>
        </div>
        <img src="<?php echo $docroot;?>/html/img/home/home-peitu3.jpg" class="img-responsive">
    </div>
    <!--客户案例-->
    <div style="text-align: center;margin: 80px 0 30px;" class="case-header hidden-xs">
        <h3>客户案例</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div style="text-align: center;margin: 30px 0 10px;" class="case-header visible-xs-block">
        <h3>客户案例</h3>
        <span style="width: 80px;height: 5px;background: #65af41;display: inline-block;"></span>
    </div>
    <div class="hidden-xs scroll-watch" data-scroll-anim="numaug" style="width: 100%;height: 100px;background-color: #65af41;position: relative;left: 0;top: 0;margin: 0 0 50px;">
        <div style="position: absolute;left: 0;top: 0;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu13.png);background-position:0 145px;height: 100%;width: 100%;opacity: .5;background-size: 100%;"></div>
        <div style="position: absolute;top: 0;left: 0;width: 100%;text-align: center;line-height: 100px;color: #fff;font-size: 24px;font-weight: 100;">
            能量逗，共计服务了国内外&nbsp;&nbsp;<strong class="scroll-anim-content" data-num="<?php echo $customernum;?>" style="font-size: 28px;"></strong>&nbsp;&nbsp;个家庭
        </div>
    </div>
    <div class="visible-xs-block scroll-watch" data-scroll-anim="numaug" style="width: 100%;height: 100px;background-color: #65af41;position: relative;left: 0;top: 0;margin: 0 0 30px;">
        <div style="position: absolute;left: 0;top: 0;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu13.png);background-position:0 145px;height: 100%;width: 100%;opacity: .5;background-size: 100%;"></div>
        <div style="position: absolute;top: 0;left: 0;width: 100%;text-align: center;line-height: 100px;color: #fff;font-size: 15px;font-weight: 300;">
            能量逗，共计服务了国内外&nbsp;&nbsp;<strong class="scroll-anim-content" data-num="<?php echo $customernum;?>" style="font-size: 18px;"></strong>&nbsp;&nbsp;个家庭
        </div>
    </div>
    <div class="row case-wrap">
        <div class="flex-column flex-justify-start flex-align-start hidden-xs" style="width: 72vw;height: 63vw;margin: 0 auto;">
            <div class="flex-row flex-align-start flex-justify-start scroll-watch" data-scroll-anim="snake" data-snake-img="9">
                <div class="snake-img snake-img1" style="width: 27vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu6.jpg);"></div>
                <div class="snake-img snake-img2" style="width: 27vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu7.jpg);"></div>
                <div class="snake-img snake-img3" style="width: 18vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu4.jpg);"></div>
            </div>
            <div class="flex-row flex-align-start flex-justify-start">
                <div class="flex-column flex-justify-start flex-align-start">
                    <div class="flex-row flex-align-start flex-justify-start">
                        <div class="snake-img snake-img8" style="width: 18vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu11.jpg);"></div>
                        <div class="snake-img snake-img9" style="width: 27vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu5.jpg);"></div>
                    </div>
                    <div class="flex-row flex-align-start flex-justify-start">
                        <div class="snake-img snake-img7" style="width: 24vw;height: 27vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu10.jpg);"></div>
                        <div class="snake-img snake-img6" style="width: 21vw;height: 27vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu9.jpg);background-size: 100% auto;"></div>
                    </div>

                </div>
                <div class="flex-column flex-justify-start flex-align-start">
                    <div class="snake-img snake-img4" style="width: 27vw;height: 27vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu1.jpg);"></div>
                    <div class="snake-img snake-img5" style="width: 27vw;height: 18vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu12.jpg);background-size: 100% auto;"></div>
                </div>
            </div>
        </div>
        <div class="flex-column flex-justify-start flex-align-start visible-xs-block" style="width: 96vw;height: 84vw;margin: 0 auto;">
            <div class="flex-row flex-align-start flex-justify-start scroll-watch" data-scroll-anim="snake" data-snake-img="9">
                <div class="snake-img snake-img1" style="width: 36vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu6.jpg);"></div>
                <div class="snake-img snake-img2" style="width: 36vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu7.jpg);"></div>
                <div class="snake-img snake-img3" style="width: 24vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu4.jpg);"></div>
            </div>
            <div class="flex-row flex-align-start flex-justify-start">
                <div class="flex-column flex-justify-start flex-align-start">
                    <div class="flex-row flex-align-start flex-justify-start">
                        <div class="snake-img snake-img8" style="width: 24vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu11.jpg);"></div>
                        <div class="snake-img snake-img9" style="width: 36vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu5.jpg);"></div>
                    </div>
                    <div class="flex-row flex-align-start flex-justify-start">
                        <div class="snake-img snake-img7" style="width: 32vw;height: 36vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu10.jpg);"></div>
                        <div class="snake-img snake-img6" style="width: 28vw;height: 36vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu9.jpg);background-size: 100% auto;"></div>
                    </div>

                </div>
                <div class="flex-column flex-justify-start flex-align-start">
                    <div class="snake-img snake-img4" style="width: 36vw;height: 36vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu1.jpg);"></div>
                    <div class="snake-img snake-img5" style="width: 36vw;height: 24vw;background-image: url(<?php echo $docroot; ?>/html/img/home/home-peitu12.jpg);background-size: 100% auto;"></div>
                </div>
            </div>
        </div>
    </div>

    <hr style="margin: 80px 0;" class="hidden-xs">
    <hr style="margin: 30px 0;" class="visible-xs-block">

    <footer style="font-weight: 700;">
        <div class="container-fluid" style="padding: 0;">
            <div class="row hidden-xs">
                <div class="flex-row flex-align-center flex-justify-center" style="background-image: url(<?php echo $docroot;?>/html/img/home/footer-bg.jpg);background-repeat:no-repeat;
                        background-size: 100%;background-position: top center;">
                    <div class="flex-column flex-justify-center flex-align-center" style="margin: 20px;">
                        <span style="margin: 10px 0;">能量逗服务号</span>
                        <img style="width: 200px;height: 200px;" src="<?php echo $docroot;?>/html/img/home/nldou-qrcode.jpg">
                    </div>
                    <div class="flex-column flex-justify-center flex-align-center" style="margin: 20px;">
                        <span style="margin: 10px 0;">奕斐有话说</span>
                        <img style="width: 200px;height: 200px;" src="<?php echo $docroot;?>/html/img/home/yftalk-qrcode.jpg">
                    </div>
                </div>
            </div>
            <div class="row visible-xs-block">
                <div class="flex-row flex-align-center flex-justify-center" style="background-image: url(<?php echo $docroot;?>/html/img/home/footer-bg.jpg);background-repeat:no-repeat;
                        background-size: 300%;background-position: top center;">
                    <div class="flex-column flex-justify-center flex-align-center" style="margin: 20px 10px 20px 0;">
                        <span style="margin: 10px 0;">能量逗服务号</span>
                        <img style="width: 120px;height: 120px;" src="<?php echo $docroot;?>/html/img/home/nldou-qrcode.jpg">
                    </div>
                    <div class="flex-column flex-justify-center flex-align-center" style="margin: 20px 0 20px 10px;">
                        <span style="margin: 10px 0;">奕斐有话说</span>
                        <img style="width: 120px;height: 120px;" src="<?php echo $docroot;?>/html/img/home/yftalk-qrcode.jpg">
                    </div>
                </div>
            </div>
            <div class="row">
                <p style="text-align: center;margin: 10px;">© 2015-2017 上海楚灵文化传播有限公司 版权所有 沪ICP备 17005757号</p>
            </div>
        </div>
    </footer>

</div>


<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/popper.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/holder.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/anime.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/ie10-viewport-bug-workaround.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/package/navbar.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/package/scroll-watch.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/web-detector.js"></script>
<script type="text/javascript" charset="utf-8" src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js"></script>
<script type="text/javascript">
    var player;
    if (detector.device.name==="pc"||detector.device.name==="mac"){
        player = new TcPlayer('id_video_container_9031868223148852168', {
            "mp4_hd":"http://1254188021.vod2.myqcloud.com/28733ee7vodtransgzp1254188021/740c7b0a9031868223148852168/v.f30.mp4",
            "autoplay" : false,
            "flash": false,
            "live": false,
            "width" :  '100%',
            "height" : 'auto',
            "coverpic" : {"style":"cover", "src":"<?php echo $docroot;?>/html/img/home/home_video_cover.jpg"}
        });
    }else{
        player = new TcPlayer('id_video_container_9031868223148852168', {
            "mp4_hd":"http://1254188021.vod2.myqcloud.com/28733ee7vodtransgzp1254188021/740c7b0a9031868223148852168/v.f30.mp4",
            "autoplay" : false,
            "flash": false,
            "live": false,
            "controls": 'system',
            "width" :  '100%',
            "height" : 'auto'
        });
    }
</script>
</body>
</html>